<template>
    <div>
        <TypeNav/>
        <ListContainer/>
        <Recommend/>
        <Rank/>
        <Like/>
        <Floor v-for="(floor,index) in floorList" :key='floor.id' :floordata='floor'/>
        <Brand/>
       
    </div>
    
  
</template>

<script>
import { mapState } from 'vuex';
import ListContainer from './ListContainer/ListContainer.vue';
import Recommend from './Recommend/Recommend.vue';
import Rank from './Rank/Rank.vue';
import Like from './Like/Like.vue'
import Floor from './Floor/Floor.vue'
import Brand from './Brand/Brand.vue'
export default {
    name: "Home",
    components: { ListContainer, Recommend, Rank, Like, Floor, Brand },
    data() {
        return {
            
        }
    },
    mounted(){
        this.$store.dispatch('getFloorList'),
        
         this.$store.dispatch('abc')
        
    },
    computed:{
        ...mapState({
            floorList: (state) => state.home.floorList
        })


    }
    
}
</script>

<style>

</style>